<template>
  <div>我是一个组件 :{{text}}</div>
</template>

<script>
export default {
  name: "PugTest",
  props:{// 非响应式属性
    text:{
      type:String
    }
  },
  data(){// 响应式属性
    return {
      ctext:"1"
    }
  },
  created() {
  },
  mounted() {

  },
  methods:{
    changeme(){
      //非响应式的
      this.$props.text= "11111111";
      // 响应式的
      this.ctext = "2222222222";
    }
  }
}
</script>

<style scoped>

</style>
